/*head foot*/
.head{
    width: 100%;
    height: 160px;
    color:#fff;
}
.head-con{
    margin: 0 auto;
    width: 1000px;
    height: 160px;
    position: relative;
    z-index: 500;
}
.head-logo{
    float: right;
    height: 85px;
    width: auto;
    margin-top: 10px;
}
.head-search{
    width:240px;
    height:35px;
    margin-top: 20px;
}
.head-search .head-search1{
    float: left;
    border: none;
    width: 180px;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    padding-left: 15px;
    color: #ccc;
    background: url("../images/head-search1.png");
}
.head-search .head-search2{
    float: left;
    border:none;
    width:40px;
    height:35px;
    margin-left: -5px;
    background: url("../images/head-search2.png");
}
.head-left{
    width: 600px;
    height: 160px;
}
.head-right{
    width: 300px;
    height: 160px;
}
.lang-a1{
    width: 52px;
    height: 20px;
    line-height: 20px;
    background: url("../images/ch.png") left center no-repeat;
    display: inline-block;
    padding-left: 22px;
    margin-top: 30px;
    color: #333;
}
.lang-a2{
    width: 52px;
    height: 20px;
    line-height: 20px;
    background: url("../images/en.png") left center no-repeat;
    display: inline-block;
    padding-left: 22px;
    margin-top: 30px;
    color: #333;
}
.lang a:hover{
    color: #007bbb;
}
.nav-ch a{
    color: #666;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    margin-right: 40px;
}
.nav-ch a:hover{
    color: #007bbb;
}
.nav-ch a.nav_on{
    color: #007bbb;
}
.nav-en a.nav_on{
    background-color: #007bbb;
    color:#fff;
}
.nav-en a:hover{
    background-color: #007bbb;
    color:#fff;
}

.header-ul1{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 200;
}
.header-li1{
    float: left;
    position: relative;
}
.header-a1{
    width: 140px;
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 24px;
    display: inline-block;
    text-align: center;
}
.header-a1:hover{
    background-color: #007bbb;
    color: #fff;
}
.header-a1.nav_on{
    background-color: #007bbb;
    color: #fff;
}
.header-a1.nav_on2{
    background-color: #007bbb;
    color: #fff;
}
.header-ul2{
    position: absolute;
    left:0;
    top:50px;
    display: none;
    background-color: #007bbb;
    width: 180px;
}
.header-ul2 li a{
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding-left: 20px;
    display: block;
    border-bottom: 1px solid #fff;
}
.foot{
    width: 100%;
    height: 240px;
    color:#fff;
    background-color: #313131;
}
.foot-con{
    margin: 0 auto;
    width: 1000px;
    height: 240px;
}
.foot-left{
    width: 720px;
    height: 240px;
}
.foot-ul{
    height: 70px;
    line-height: 70px;
}
.foot-ul li{
    float: left;
    height: 70px;
    border-bottom: 1px solid #414141;
}
.foot-ul li a{
    color: #ccc;
}
.foot-ul li a:hover{
    color: #fefefe;
}
.foot-ul li span{
    width: 45px;
    color: #ccc;
    text-align: center;
    display: inline-block;
}
.foot-right{
    width: 260px;
    height: 240px;
}
.foot-right-top{
    width: 100%;
    height: 170px;
}
.code{
    width: 80px;
    height: 80px;
    margin-left: 20px;
    margin-top: 30px;
    padding: 5px;
    background-color: #fff;
}
.code img{
    width: 100%;
    height: 100%;
}
.code p{
    text-align: center;
    margin-top: 10px;
    color: #ccc;
}
.foot-p{
    text-align: right;
    color: #999;
}
.foot-p2{
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
}
.foot-bottom{
    height: 90px;
    color: #e6e6e6;
}
.foot-bottom1{
    width: 350px;
    overflow: hidden;
}
.foot-bottom2{
    width: 350px;
    overflow: hidden;
}
.foot-info1{
    margin: 10px 0;
    padding-left: 20px;
    background: url("../images/foot-icon1.png") left 2px no-repeat;
}
.foot-info2{
    margin: 10px 0;
    padding-left: 20px;
    background: url("../images/foot-icon2.png") left 2px no-repeat;
}
.foot-info3{
    margin: 10px 0;
    padding-left: 20px;
    background: url("../images/foot-icon3.png") left 2px no-repeat;
}
.foot-bottom2 p{
    margin: 10px 0;
    padding-left: 20px;
}

/*lunbo*/
.banner1{min-width:1100px;width: 100%;margin: 0 auto;min-height:345px;position: relative;}
.banner2{min-width:1100px;width: 100%;margin: 0 auto;text-align: center;}
.banner2 img{width: 100%;height: 100%;}
/*.banner_ri{width:100%; height:100%;}*/
.banner_ri .d1{min-width:1100px;width:100%;display:block;position:absolute;}
.banner_ri .d1 img{width: 100%;height:100%;}
.banner_ri .d2{min-width:1100px;width: 100%;clear:both;position:absolute;text-align:center; z-index:10; height:32px;background-color:rgba(0,0,0,0);bottom:30px;}
.banner_ri .d2 span{width:15px;height:15px; overflow:hidden; cursor:pointer; background:url(../images/dian1.png) no-repeat center center; background-size: 15px 15px;margin:15px 3px;display:inline-block;}
.banner_ri .d2 .nuw{background:url(../images/dian2.png) no-repeat center center;background-size: 15px 15px;}
.banner_about{width:100%; height:280px; background:#dde5f2;}
.banner_a_r{width:980px; height:280px;}
.banner_a_r .d3{width:100%;height:280px;display:block;}
/*悬浮窗*/

/*右侧悬浮*/
.erweima{ position:absolute; width:50px; top:500px; right:10px; z-index:999; position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+30));}
.erweimalo{width:72px; height:73px; overflow:hidden;}
.allp1{ margin-bottom:14px; font-size:14px; color:#ffffff;}
.allp1 span{ font-size:16px; font-family:Arial; color:#ffffff;}
.xuanfu{width:40px; height:40px; margin-top:1px; position:relative; cursor:pointer;}
.xuanfu_list{position:absolute; width:102px; background:#0098e1; padding:16px 0 16px 16px; left:-118px; bottom:0;}
.xun-a{width:100%; padding:47px 0 13px; font-size:12px; line-height:12px; color:#FFFFFF; display:block; text-align:center;}
.xuanfu_list0 a{ width:55px; padding-left:27px; height:24px; font-size:13px; color:#993366; line-height:24px; float:left; display:block; margin-bottom:5px;}
.xuanfu_list0 a span{ font-size:15px; font-family:Arial; color:#993366;}
.xuan-a{width:72px; height:73px; display:block;}
/*QQ悬浮*/
.xuan-q a{background:url(../images/q.jpg) no-repeat;}
.qq{  background:url(../images/qqbian.png) no-repeat;}
/*.qq2{ background:url(../images/qqbian.png) no-repeat;}*/
/*微信*/
.weixina{ background:url(../images/weixinbian.png) no-repeat;}
.weixintu{ width:127px; height:122px; position:absolute; left:-130px; bottom:0; z-index:40;background:url(../images/codebg.png) no-repeat;}
.weixintu-con{margin: 5px;width: 100px;height: 100px;background-color: #fff;padding: 5px;}
.weixintu img{ width:100px; height:100px;}
/*.weixinhover{background:url(../images/weixinbian.png) no-repeat;}*/
/*skype*/
.skype{ background:url(../images/skype.png) no-repeat;}

/*返回顶部*/
.gotop{width:72px; height:73px; margin-top:1px; background:url(../images/gotopbian.png) no-repeat; cursor:pointer;}
.gotop a{ width:72px; height:73px; display:block; }
/*.gotop a:hover{background:url(../images/gotopbian.png) no-repeat;}*/



/*index*/
.index1{
    width: 100%;
    height: 500px;
}
.index1-con{
    width: 1000px;
    height: 100%;
    margin: 0 auto;
}
.index-title{
    width: 300px;
    height: 95px;
    border-bottom:1px solid #d3d3d3;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.index-title span{
    position: absolute;
    left: 75px;
    bottom: -15px;
    z-index: 10;
    padding:0 15px;
    background-color: #fff;
    color: #666;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    display: inline-block;
}
.solute{
    width: 190px;
    height: 240px;
    float: left;
    margin: 80px 5px 0 5px;
    position: relative;
}
/*.solute:hover{*/
    /*background-image: url("../images/solutehover.png");*/
/*}*/
.solute-p1{
    width: 100%;
    font-size: 16px;
    color: #333;
    position: absolute;
    left: 0;
    top: 150px;
    text-align: center;
}
.solute-p2{
    width: 100%;
    color: #666;
    position: absolute;
    left: 0;
    top: 185px;
    text-align: center;
}
.product{
    width: 100%;
    margin-top: 65px;
}
.pro-con{
    width: 235px;
}
.pro-img{
    float: left;
    width: 235px;
    height: 193px;
    border: 1px solid #ccc;
    margin-bottom: 24px;
    position: relative;
}
.pro-img img{
    width: 100%;
    height: 100%;
}
.proopacity{
    width: 235px;
    height: 193px;
    text-align: center;
    background: url("../images/pro-search.png");
    position: absolute;
    z-index: 100;
    top: 0;
    left:0;
    display: none;
}
.pro-title{
    display: none;
}
.pro-span{
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.pro-bigimg{
    width: 500px;
    height: 412px;
    margin-left: 12px;
    border: 1px solid #ccc;
    position: relative;
}
.pro-bigimg img{
    width: 100%;
    height: 100%;
}
.pro-bigtitle{
    width: 100%;
    text-align: center;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: url("../images/bigimgopacity.png");
    position: absolute;
    left: 0;
    bottom: 0;
}
.about-img{
    width: 100%;
    height: 340px;
    margin-top: 45px;
    padding: 2px;
    border: 1px solid #ccc;
}
.about-img img{
    width: 100%;
    height: 100%;
}
.about-shortcont{
    width: 100%;
    height: 75px;
    line-height: 25px;
    font-size: 14px;
    color: #333;
    margin: 10px 0;
    text-align: center;
}
.about-more{
    display: block;
    width: 120px;
    height: 30px;
    margin: 20px auto;
    line-height: 30px;
    text-align: center;
    border: 1px solid #007bbb;
    color: #007bbb;
    font-size: 16px;
    border-radius: 3px;
}
.new-con{
    width: 100%;
    margin-top: 65px;
}
.new-body{
    width: 490px;
    height: 340px;
}
.new-img{
    width: 490px;
    height: 205px;
    display: block;
    border: 1px solid #ccc;
}
.new-img img{
    width: 100%;
    height: 100%
}
.new-cont{
    width: 490px;
    height: 90px;
    display: block;
    margin-bottom: 20px;
    background-color: #fff;
}
.new-p1{
    width: 360px;
    height: 15px;
    line-height: 15px;
    margin: 15px;
}
.new-p2{
    width: 360px;
    margin:0 15px;
    color: #666;
}
.new-span1{
    width: 50px;
    height: 60px;
    line-height: 60px;
    color: #999;
    padding: 0 20px;
    margin: 15px 0;
    font-size: 48px;
    border-right: 1px solid #999;
}
.new-span2{
    color: #333;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
}
.new-span3{
    color: #999;
}
.new-cont:hover{
    background-color: #007bbb;
    color: #fff;
}
.new-cont:hover span{
    background-color: #007bbb;
    color: #fff;
}
.new-cont:hover .new-span1{
    border-right:1px solid #fff;
}
.new-cont:hover p{
    background-color: #007bbb;
    color: #fff;
}
.new-cont2{
    width: 100%;
    height: 90px;
    display: block;
    margin-top: 13px;
}
.new-p3{
    width: 100%;
    height: 15px;
    line-height: 15px;
    margin: 15px 0;
}
.new-p4{
    width: 100%;
    color: #666;
}

/*about*/
.page{
    width: 100%;
    height:75px;
    border-bottom: 1px solid #ccc;
}
.page-title{
    width: 1000px;
    margin: 0 auto;
    height: 75px;
    line-height: 75px;
    text-indent: 20px;
    font-size: 14px;
    background:url("../images/home.png") left center no-repeat;
    color: #999;
}
.page-title a{
    color: #999;
}
.page-title span{
    float: right;
    font-size: 14px;
    height: 75px;
    line-height: 75px;
    color: #999;
}
.aboutus{
    width: 100%;
}
.aboutus-cont{
    width: 1000px;
    margin: 50px auto;
}
.aboutus-cont img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 20px auto;
}
/*404*/
.errorpage{
    width: 100%;
}
.error-con{
    width: 1000px;
    height: 400px;
    margin: 120px auto;
    display: block;
    text-align: center;
}
.error-con a{
    width: 130px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0 auto;
    background-color: #007bbb;
    color: #fff;
    font-size: 14px;
}
.search{
    width: 100%;
}
.search-con{
    width: 1000px;
    min-height: 300px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.news{
    width: 100%;
    margin-top: 50px;
    border-bottom: 1px solid #ccc;
}
.news-title{
    font-size: 15px;
    color: #333;
    font-weight: bold;
    display: block;
}
.news-time{
    font-size: 12px;
    color: #999;
    text-indent: 25px;
    height: 35px;
    line-height: 35px;
    background: url("../images/searchmore.png") left center no-repeat;
}
.news-short{
    color: #666;
    text-indent: 25px;
}
.news-a{
    color: #007bbb;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    width: 50px;
    background: url("../images/searchview.png") right center no-repeat;
}
.down{
    width: 100%;
    position: relative;
    margin-top: 50px;
    border-bottom: 1px solid #ccc;
}
.down-title{
    font-size: 15px;
    color: #333;
}
.down-time{
    font-size: 14px;
    color: #999;
    height: 45px;
    line-height: 45px;
}
.down a{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 15px;
    display: inline-block;
    background: url("../images/down.png") center center;
}
.pro{
    width: 100%;
    margin-top: 50px;
    padding-bottom: 10px;
}
.pro-cover{
    float: left;
    width: 235px;
    height: 193px;
    border: 1px solid #ccc;
    text-align: center;
}
.pro-cover img{
    width: 100%;
    height: 100%;
}
.pro-right{
    width: 740px;
}
.pro-title2{
    font-size: 15px;
    color: #333;
    display: block;
}
.pro-short{
    color: #999;
    margin: 20px 0;
}
.pro-a{
    color: #007bbb;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 85px;
    background: url("../images/searchview.png") right center no-repeat;
}
.solution{
    width: 100%;
    margin-top: 50px;
    border-bottom: 1px solid #ccc;
}
.solution-top{
    color: #0098e1;
    height: 20px;
    line-height: 20px;
    margin-top: 50px;
    font-size: 15px;
    font-weight: bold;
}
.solution-title{
    background: url("../images/dot.png") left center no-repeat;
    text-indent: 15px;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    display: inline-block;
}
.solution-short{
    color: #999;
    margin: 10px 0;
    text-indent: 15px;
}
.solution-a{
    color: #007bbb;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 80px;
    margin-left: 15px;
    margin-bottom: 20px;
    background: url("../images/searchview.png") right center no-repeat;
}
/**
 * paginator ���
 */
.paginator {
    text-align: center;
    font-size: 0;
    margin-top: 50px;
    margin-bottom: 30px;
}

.paginator a,
.paginator span {
    display: inline-block;
    width: 38px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    color: #666;
    margin-left: -1px;
    background-color: #fff;
}

.paginator a:hover,
.paginator .is-select {
    color: #fff;
    background-color: #007bbb;
    border-color: #007bbb;
}
.paginator .prev,
.paginator .next {
    width: 68px;
}
.paginator .prev.hidden{
    visibility: hidden;
}
.paginator .next.hidden{
    visibility: hidden;
}
/*product*/
.pro-p1{
    margin-top: 50px;
    color: #007bbb;
    font-size: 18px;
    font-weight: bold;
}
.pro-a1{
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.pro-a2{
    font-size: 14px;
    color: #007bbb;
    text-decoration: underline;
    font-weight: normal;
}
.proview{
    width: 100%;
    min-height: 200px;
    border: 1px solid #ddd;
    border-top: none;
    margin-top: 50px;
}
.proview-title{
    background-color: #e6e6e6;
    height: 45px;
    color: #333;
    font-size: 16px;
}
.proview-title ul li {
    cursor: pointer;
    float: left;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 125px;
}
.proview-title .lited{
    background-color: #fff;
    border-top: 2px solid #007bbb;
    color: #007bbb;
}
.proview-cont{
    padding: 30px 20px;
}
.proview-cont img{
    max-width: 100%;
    max-height: 100%;
}
/*proview�ֲ�*/
.flexslider {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    zoom: 1;
    border: 1px solid #ddd;
    margin-top: 20px;
}
.flexslider .slides li {
    width: 100%;
    height: 100%;
}
.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}
.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}
.flex-direction-nav .flex-prev {
    left: 0;
}
.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}
.flexslider .slides img {
    width: 100%;
    height: 100%;
    display: block;
}

/*solute*/
.soluteview-title{
    width: 100%;
    height: 110px;
    line-height: 110px;
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
.soluteview-cont{
    margin-bottom: 60px;
}
.soluteview img{
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block;
}
/*activity*/
.activity{
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #ccc;
    margin-top: 40px;
    position: relative;
}
.activity-title{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.activity-time{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #ccc;
}
.activity-time span{
    color: #666;
}
.activity-a{
    position: absolute;
    right: 0;
    top:20px;
    z-index: 100;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #007bbb;
    text-align: center;
    font-size: 16px;
}
.activityview{
    width: 100%;
    min-height: 200px;
    margin-top: 2px;
    border-top: 1px solid #ccc;
    padding: 40px 0;
}
.activityview img{
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block;
}
.pageinfo{
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 70px;
    font-size: 14px;
    color: #999;
}
.pageinfo a{
    color: #333;
}
.pageinfo a:hover{
    color: #007bbb;
}

/*download*/
.down-hint{
    font-size: 15px;
    color: #e53333;
    margin-top: 50px;
}
.downlist{
    border: 1px solid #007bbb;
    height: 40px;
    display: inline-block;
    border-radius: 3px;
    margin-top: 20px;
}
.downlist a{
    border-right: 1px solid #007bbb;
    color: #333;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
}
.downlist a:hover{
    color: #fff;
    background-color: #007bbb;
}
.downlist a.lited{
    color: #fff;
    background-color: #007bbb;
}
.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    background: url("../images/overlay.png");
}
.overlay.visible {
    display: block;
}
.overlay-con{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 450px;
    height: 250px;
    margin-left: -225px;
    margin-top: -125px;
    background-color: #fff;
    box-shadow: 0 0 10px 2px #999;
}
.overlay-title{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    font-size: 18px;
    color: #666;
    border-bottom: 1px solid #ccc;
}
.overlay-title img{
    float: right;
    width: 14px;
    height: 14px;
    margin:18px 18px 0 0;
    cursor: pointer;
}
.overlay-body{
    width: 270px;
    margin: 0 auto;
}
.overlay-tip{
    font-size: 16px;
    color: #007bbb;
    margin: 40px 0 15px 0;
}
.overlay-input{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    padding-left: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: block;
}
.overlay-btn{
    width: 85px;
    height: 30px;
    line-height: 30px;
    color: #007bbb;
    font-size: 14px;
    border: 1px solid #007bbb;
    border-radius: 3px;
    text-align: center;
    background-color: #fff;
    margin: 25px 20px 0 0;
    cursor: pointer;
}
.overlay-btn:hover{
    background-color: #007bbb;
    color: #fff;
}